<template>
	
	<view style="background-color: #F5F5F5;">
		<view class="header" :style="'padding-top: '+bartop+'px; padding-bottom:10rpx'">
			<view class="goodsmsgheader headertop" style="width: 100%;">
			      <navigator open-type="navigateBack" style="padding:10rpx">
			        <image src="https://x.bilinmeiju.com/static/myfangchan/zjt.png" mode="aspectFit"></image>
			      </navigator>
			      <text>房产绑定</text>
			      <!-- <image src="/static/goodsmsghei.png" mode="aspectFit" bindtap="showmsg" wx:if="{{cartlen=='00'?false:true}}"><text>{{cartlen}}</text></image> -->
			  </view>
		</view>
		<!-- <image src="https://x.bilinmeiju.com/static/sqgl/beijing.png" class="beijing" mode=""></image>
		<view class="top" :style="'height:'+CustomBar+'px;'">
			<image @click="fanhui" class="top1img" src="https://x.bilinmeiju.com/static/myfangchan/zjt.png" mode=""></image>
			<view class="toptext">
				房产绑定
			</view>
			<view class=""></view>
		</view>
		<view :style="'height:'+topheight+'px;'"></view> -->

		<view class="box" style="margin-top:87px" @click="$gopage('/pages/fangchanbangding/add_phone')">
			<view class="box1">
				<view class="box1text">
					房产预留手机号码验证
				</view>
				<image class="box1img" src="https://x.bilinmeiju.com/static/my/yjt.png" mode=""></image>
			</view>
		</view>
		<view class="box" @click="$gopage('/pages/fangchanbangding/add_code')">
			<view class="box1">
				<view class="box1text">
					输入房产验证码
				</view>
				<image class="box1img" src="https://x.bilinmeiju.com/static/my/yjt.png" mode=""></image>
			</view>
		</view>
		<view class="box" @click="$gopage('/pages/fangchanbangding/add_card')" v-if="!vering">
			<view class="box1">
				<view class="box1text">
					证件申请绑定
				</view>
				<image class="box1img" src="https://x.bilinmeiju.com/static/my/yjt.png" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				CustomBar: 0,
				topheight: 0,
				bartop:0,
				vering:1
			}
		},
		onLoad() {
			this.bartop = this.$bartop;
			var vering = uni.getStorageSync('vering');
			if(vering || vering===0) this.vering = vering;
		},
		methods: {
			fanhui() {
				uni.navigateBack({
					delta: 1
				})
			},
			sjyz() {
				uni.navigateTo({
					url: '/pages/fangchanbangding/sjyz'
				})
			},
			zjyz() {
				uni.navigateTo({
					url: '/pages/fangchanbangding/zjyz'
				})
			},
			fcyz() {
				uni.navigateTo({
					url: '/pages/fangchanbangding/fcyz'
				})
			},

		}
	}
</script>

<style>
	.beijing {
		width: 100vw;
		height: 174rpx;
		z-index: 1;
		position: absolute;
		top: 0;
	}

	.top {
		z-index: 5;
		width: 700rpx;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}

	.toptext {
		z-index: 5;
		font-size: 36rpx;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #ffffff;
		line-height: 36rpx;
	}

	.top1img {
		z-index: 5;
		width: 20rpx;
		height: 36rpx;
	}

	.box {
		/* margin-top: 30rpx; */
		background-color: #ffffff;
		width: 100vw;
		height: 100rpx;
		display: flex;
		align-items: center;
	}

	.box1 {
		width: 700rpx;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.box1text {
		font-size: 28rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 500;
		color: #000000;
		line-height: 28rpx;
	}

	.box1img {
		width: 11rpx;
		height: 20rpx;
	}
</style>
